Customer Problem / Business Challenge

The presentation of the data in the original dashboard made it difficult for site managers and associates to identify critical situations quickly so that they could take action to rectify a situation.

Proposed Solution

New dashboard uses color coded, site specific data visualizations to inform managers and associates. This helps them differentiate between normal and critical situations quickly and take appropriate action.

Impact

This project is currently in flight and we're waiting for the performance data.

My Role + Team Credits

My role: Seeded idea of redesining, led design process, UX - PM alignment.
Credits: Jeannine G (Lead UX + Visual Design), Tine W (UX Design), JC (Visual Design)

STEP 1 - Identifying key issues in previous version of dashboard

No info. about current total packages, thus affecting inbound shipments.
Lacks visuals for critical situations, thus increasing time to respond.

Delayed refresh rate leading to delayed picks and customers complaints.
Not scalable for other formats (locker, flex and new formats in future).

STEP 2 - Paper prototyping for concept testing with site managers and associates

STEP 3 - Wireframing

Digital wireframe on TV

STEP 4 - Visual Design

Building out color palette. We reviewed existing design systems at Amazon (Sky vs. Echo) as a starting point.

Optimizing for color blindness (8% of male population in the US is color blind). Hover to see original version.

Final color palette. For typeface, we decided to go with Amazon Ember, which is a new Amazon standard.

STEP 5 - Finalizing the design for wall mounted TV and scaling for laptop and tablet

Final design for primary use case - Site Manager Dashboard on wall mounted TV at Amazon Campus Pickup points. Hover to see state change.

Scaled down, responsive version of site manager dashboard on laptop

Scaled down, responsive version of site manager dashboard on tablet